<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head th:replace="head :: commonHead('评价详情')">

</head>

<body>

<div th:replace="head :: header"></div>


<!-- 主体内容 -->
<div class="works_container identical_order_content clearfix">
    <div class="works_con identical_order_con">
        <div class="identical_order_top">
            <h2>评价详情</h2>
        </div>

        <div class="identical_order_column clearfix">
            <p>订单号：[[${order.no}]]</p>
            <p style="margin-left: 150px;">作品符合度：
                <span style="margin-left: 5px;">
                    <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(0).score},5"></i>
                </span>
            </p>
            <p style="margin-left: 62px;">总体满意度：
                <span style="margin-left: 5px;">
                    <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(1).score},5"></i>
                </span>
            </p>
            <p style="float: right;" th:text="${#dates.format(evaluates.get(0).createDate,'yyyy-MM-dd HH:mm:ss')}"></p>
        </div>

        <div class="works_title" style="margin-bottom: 0;">
            <div class="works_title_l">
                <em></em>
                <h3>评价详情</h3>
            </div>
        </div>

        <div class="identical_order_details identical_order_details_2 clearfix">
            <div class="left">
                <img th:if="${order.orderDetail.photoGrapherUser.portrait eq null}" th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
                <img th:if="${order.orderDetail.photoGrapherUser.portrait ne null}" th:src="${#request.getAttribute('uploadServer') + order.orderDetail.photoGrapherUser.portrait}">
            </div>
            <div class="right">
                <div class="r_top clearfix" style="margin-bottom: 12px;">
                    <p>导演满意度：</p>
                    <div class="star">
                        <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(3).score},5"></i>
                        <span style="margin-left: 10px;" th:text="${evaluates.get(3).score}"></span>
                    </div>
                </div>
                <div class="r_middle" style="margin-bottom: 12px;">
                    <p style="margin-top: 6px;">整 体 印 象：</p>
                    <ul class="clearfix">
                        <li th:each="item:${evaluates.get(3).tagsArray}" cus:dict="evaluate-photo-grapher-tags,${item}"></li>
                    </ul>
                </div>
                <div class="r_bottom">
                    <p>整 体 评 价：</p>
                    <p style="width: 800px; margin-right: 0;" th:text="${evaluates.get(3).comment}"></p>
                </div>
            </div>
        </div>

        <div class="identical_order_details identical_order_details_2 clearfix">
            <div class="left">
                <img th:if="${order.orderDetail.photoGrapherUser.portrait eq null}" th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
                <img th:if="${order.orderDetail.photoGrapherUser.portrait ne null}" th:src="${#request.getAttribute('uploadServer') + order.orderDetail.scriptWriterUser.portrait}">
            </div>
            <div class="right">
                <div class="r_top clearfix" style="margin-bottom: 12px;">
                    <p>编剧满意度：</p>
                    <div class="star">
                        <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(4).score},5"></i>
                        <span style="margin-left: 10px;" th:text="${evaluates.get(4).score}"></span>
                    </div>
                </div>
                <div class="r_middle" style="margin-bottom: 12px;">
                    <p style="margin-top: 6px;">整 体 印 象：</p>
                    <ul class="clearfix">
                        <li th:each="item:${evaluates.get(4).tagsArray}"
                            cus:dict="evaluate-photo-grapher-tags,${item}"></li>
                    </ul>
                </div>
                <div class="r_bottom">
                    <p>整 体 评 价：</p>
                    <p style="width: 800px; margin-right: 0;" th:text="${evaluates.get(4).comment}"></p>
                </div>
            </div>
        </div>

        <div class="identical_order_details identical_order_details_2 clearfix">
            <div class="left">
                <img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
            </div>
            <div class="right">
                <div class="r_top clearfix" style="margin-bottom: 12px;">
                    <p>客服满意度：</p>
                    <div class="star">
                        <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(2).score},5"></i>
                        <span style="margin-left: 10px;" th:text="${evaluates.get(2).score}"></span>
                    </div>
                </div>
                <div class="r_middle" style="margin-bottom: 12px;">
                    <p style="margin-top: 6px;">整 体 印 象：</p>
                    <ul class="clearfix">
                        <li th:each="item:${evaluates.get(2).tagsArray}"
                            cus:dict="evaluate-photo-grapher-tags,${item}"></li>
                    </ul>
                </div>
                <div class="r_bottom">
                    <p>整 体 评 价：</p>
                    <p style="width: 800px; margin-right: 0;" th:text="${evaluates.get(2).comment}"></p>
                </div>
            </div>
        </div>

        <div class="identical_order_details identical_order_details_2 clearfix">
            <div class="left">
                <img th:src="${#request.getAttribute('ctx') + '/static/front/img/user.png'}">
            </div>
            <div class="right">
                <div class="r_top clearfix" style="margin-bottom: 12px;">
                    <p>作品满意度：</p>
                    <div class="star">
                        <i cus:star="i,iconfont icon-star,iconfont icon-iconfontxingxing,${evaluates.get(5).score},5"></i>
                        <span style="margin-left: 10px;" th:text="${evaluates.get(5).score}"></span>
                    </div>
                </div>
                <div class="r_middle" style="margin-bottom: 12px;">
                    <p style="margin-top: 6px;">整 体 印 象：</p>
                    <ul class="clearfix">
                        <li th:each="item:${evaluates.get(5).tagsArray}"
                            cus:dict="evaluate-photo-grapher-tags,${item}"></li>
                    </ul>
                </div>
                <div class="r_bottom">
                    <p>整 体 评 价：</p>
                    <p style="width: 800px; margin-right: 0;" th:text="${evaluates.get(5).comment}"></p>
                </div>
            </div>
        </div>

    </div>

</div>


<!-- 底部版权信息 -->
<div th:replace="foot :: body"></div>


</body>

<script th:src="${#request.getAttribute('ctx') + '/static/front/js/home.js'}" type="text/javascript" charset="utf-8"></script>

</html>
